<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>发现</title>    
    <link href="../css/mui.min.css" rel="stylesheet"/>
   	<link rel="stylesheet" type="text/css" href="../css/mgPublic.css"/>
   	<link rel="stylesheet" type="text/css" href="../css/mggj.css"/>
    <link rel="stylesheet" type="text/css"/>
    <style type="text/css">
		#topPopover {
			position: fixed;
			top: 16px;
			right: 6px;
		}
		#topPopover .mui-popover-arrow {
			left: auto;
			right: 6px;
		}
		.mui-popover {
			height:130px;
		}
    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav head_bar">
   <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">发现</h1>
    <a class="mui-icon mui-icon-more mui-pull-right" href="#topPopover"></a>
</header>
<div class="mui-content">
	<div class="notice_bar">
		<p class="mui-ellipsis">实时动态：巨人项目股份在4月20号，平均有实时动态：巨人项目股份在4月20号，平均有</p>
	</div>
	<div class="find_list">
		<ul>
			<li>
				<img src="../images/find/find_list_img_1.png"/>
				<div class="list_href">
					<a href="activity.html">
						<h2>我爱活动</h2>
						<p>I love the activity</p>
					</a>
				</div>
			</li>
			<li>
				<img src="../images/find/find_list_img_2.png"/>
				<div class="list_href">
					<a href="game.html">
						<h2>游戏</h2>
						<p>The game</p>
					</a>
				</div>
			</li>
			<li>
				<img src="../images/find/find_list_img_3.png"/>
				<div class="list_href">
					<a href="public_forum.html">
						<h2>众创讲堂</h2>
						<p>The gen lecture hall</p>
					</a>
				</div>
			</li>
		</ul>
	</div>
</div>
<!--右上角弹出菜单-->
<div id="topPopover" class="mui-popover top_popover">
	<div class="mui-popover-arrow"></div>
	<div class="mui-scroll-wrapper">
		<div class="mui-scroll">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="launch_activities.html">发起活动</a>
				</li>
				<li class="mui-table-view-cell">
					<a href="the_activities.html">活动报导</a>
				</li>
				<li class="mui-table-view-cell">
					<a href="event_gift.html">活动礼品</a>
				</li>
			</ul>
		</div>
	</div>
</div>
<script src="../js/mui.min.js"></script>
<script type="text/javascript" charset="utf-8">
mui.init({
	statusBarBackground:'#fff',
	gestureConfig:{
				doubletap:true
			}
});
mui("#mui-scroll").scroll();
mui(".find_list").on("tap","a",function(){
	mui.openWindow(this.href);
});
</script>	
</body>
</html>